<!DOCTYPE html><html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><link rel="stylesheet" href="/css/main.css"><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="/js/flexible.js"></script><script src="/js/fastclick.js"></script><script>$(function () {
    FastClick.attach(document.body);
});</script><body><div class="container"><div id="classes"><div class="tabBtn"><button class="btn active">未过期的课程</button><button class="btn">已过期课程</button></div><div class="tabPage"><div class="page show"><div class="item"><a href="/courseDetail/1"><div class="cover"></div><div class="infoBox"><span class="title">浙江大学-精准被人</span><time>2016-12-27</time><address>杭州市</address><div class="status"><i>热招中</i><b>20/99人</b></div></div></a></div></div><div class="page"><div class="item"><a href="/courseDetail/1"><div class="cover"></div><div class="infoBox"><span class="title">浙江大学-精准被人</span><time>2016-12-27</time><address>杭州市</address><div class="status"><i>已过期</i><b>20/99人</b></div></div></a></div></div></div></div></div><script>$(function(){
  var btn = $('.btn'),
      page = $('.page');
  $.each(btn,function(index){
    $(this).on('click',function(){
      btn.removeClass('active').eq(index).addClass('active');
      page.removeClass('show').eq(index).addClass('show');
    })
  })
})</script></body></html>